.border-right {
  border-right: solid 1px #eee; }

.break-word {
  width: 150px; }
  .break-word span {
    display: block;
    width: 150px;
    word-wrap: break-word;
    overflow: hidden; }

.block-time {
  margin: 15px;
  overflow: hidden;
  background: #fff;
  border-radius: 3px; }
  .block-time .item {
    width: 33.33333%;
    float: left;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    overflow: hidden;
    padding: 20px; }
  .block-time .h1 {
    font-size: 18px !important;
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .block-time .item-full {
    width: 100%;
    float: left;
    border-bottom: solid 1px #eee;
    overflow: hidden;
    padding: 20px; }
    .block-time .item-full:nth-child(:odd) {
      border-right: none; }
    .block-time .item-full li {
      width: 25%;
      float: left;
      margin: 8px 0; }
    .block-time .item-full h1 {
      font-size: 20px;
      color: #999; }
    .block-time .item-full h2 {
      font-size: 30px; }
  .block-time .top-width {
    width: 100% !important; }

.echartBorwsers {
  width: 100%;
  height: 200px; }

.charts-pages {
  width: 100%;
  height: 300px; }

.common-margin {
  overflow: hidden;
  margin: 15px; }
  .common-margin .common-block {
    width: 49.5%;
    background: #fff;
    padding: 20px;
    border-radius: 3px;
    height: 400px; }
    .common-margin .common-block .h1 {
      font-size: 18px !important;
      border-bottom: solid 1px #eee;
      padding-bottom: 10px;
      margin-bottom: 10px; }
    .common-margin .common-block li {
      width: 50%;
      float: left;
      margin: 8px 0; }
    .common-margin .common-block h1 {
      font-size: 18px;
      color: #999; }
    .common-margin .common-block h2 {
      font-size: 25px;
      color: #000; }

.sources-list {
  background: #fff;
  margin: 15px;
  border-radius: 3px;
  padding: 20px; }
  .sources-list .h1 {
    font-size: 18px;
    border-bottom: solid 1px #eee;
    padding-bottom: 10px;
    margin-bottom: 10px; }
  .sources-list li {
    height: 35px;
    width: 100%;
    background: #f4f4f4;
    line-height: 35px;
    padding-left: 10px;
    position: relative;
    margin-bottom: 10px; }
    .sources-list li:nth-child(odd) {
      background: #f9f9f9; }
    .sources-list li:nth-child(even) {
      background: #eee; }
    .sources-list li .bili {
      position: absolute;
      left: 0;
      top: 0;
      width: 300px;
      height: 35px;
      background: #ffeb3b; }
      .sources-list li .bili.color1 {
        background: #3aa3f7; }
      .sources-list li .bili.color2 {
        background: #25cc4e; }
      .sources-list li .bili.color3 {
        background: #dacd5c; }
      .sources-list li .bili.color4 {
        background: #cddc39; }
    .sources-list li .s1 {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 35px;
      z-index: 10; }
      .sources-list li .s1 span {
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
        .sources-list li .s1 span.name {
          width: 30%;
          padding-left: 10px; }
        .sources-list li .s1 span.type {
          width: 150px; }
